<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<header th:replace="manage/head :: html"></header>

<body class="cbp-spmenu-push">
<div class="main-content"  id="pageId" pageId="searchcompany">

    <div th:replace="manage/menu :: html"></div>

    <!-- main content start-->
    <div id="page-wrapper">
        <div class="main-page">
            <h2 class="title1"> 搜索公司</h2>
            <div class="panel-body widget-shadow">

                <div class="form-body">
                        <div class="form-group">
                            <form class="form-inline">
                                <label>名称：</label><input type="password" class="form-control"  placeholder="公司名称"/>
                                <label>等级：</label><input type="password" class="form-control"  placeholder="等级"/>
                                <label>地区：</label><input type="password" class="form-control"  placeholder="地区"/>

                                <button type="button" class="btn btn-warning" data-toggle="modal"
                                        data-target="#gridSystemModal">查询
                                </button>

                            </form>

                        </div>

                </div>

                <table class="table">
                    <thead>
                    <tr>
                        <!--编号、品牌、成色需求、目标价格、数量-->
                        <th>#</th>
                        <th>公司名称</th>
                        <th>等级</th>
                        <th>地区</th>
                        <th>联系邮箱</th>
                        <th>联系电话</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>#</td>
                        <td>惠普中国有限公司</td>
                        <td>★★★☆☆</td>
                        <td>上海</td>
                        <td>262800095@qq.com</td>
                        <td>15021708753</td>
                        <td><a href="#">加入供应商</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">查看详细</a></td>
                    </tr>
                    <tr>
                        <td>#</td>
                        <td>惠普中国有限公司</td>
                        <td>★★★☆☆</td>
                        <td>上海</td>
                        <td>262800095@qq.com</td>
                        <td>15021708753</td>
                        <td><a href="#">加入供应商</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">查看详细</a></td>
                    </tr>
                    <tr>
                        <td>#</td>
                        <td>惠普中国有限公司</td>
                        <td>★★★☆☆</td>
                        <td>上海</td>
                        <td>262800095@qq.com</td>
                        <td>15021708753</td>
                        <td><a href="#">加入供应商</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">查看详细</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--//footer-->
</div>


<!--我想买添加框-->
<div class="modal fade" id="gridSystemModal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="gridSystemModalLabel">发布求购信息</h4>
            </div>
            <div class="modal-body">

                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">产品型号</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="产品型号"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">成色</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="9成新"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">数量</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" placeholder="0"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">描述</label>
                        <div class="col-sm-9">
                            <textarea name="txtarea1" id="txtarea1" cols="50" rows="10" class="form-control1"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<!-- side nav js -->
<script src='js/SidebarNav.min.js' type='text/javascript'></script>
<script>
    $('.sidebar-menu').SidebarNav()
</script>
<!-- //side nav js -->

<!-- Classie --><!-- for toggle left push menu script -->
<script src="js/classie.js"></script>
<script>
    var menuLeft = document.getElementById('cbp-spmenu-s1'),
        showLeftPush = document.getElementById('showLeftPush'),
        body = document.body;

    showLeftPush.onclick = function () {
        classie.toggle(this, 'active');
        classie.toggle(body, 'cbp-spmenu-push-toright');
        classie.toggle(menuLeft, 'cbp-spmenu-open');
        disableOther('showLeftPush');
    };

    function disableOther(button) {
        if (button !== 'showLeftPush') {
            classie.toggle(showLeftPush, 'disabled');
        }
    }
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->

<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"></script>

</body>
</html>